<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title"><strong>Title</strong></h3>
	</div>
	<div class="panel-body">
		<h3><strong>关于</strong></h3>
		<p>
			jQuery Camera 项目主页：<a target="_blank" href="http://www.pixedelic.com/plugins/camera">http://www.pixedelic.com/plugins/camera</a>
		</p>
		<h3><strong>通过 <code>data-option</code>或者 <code>data-config</code>，设定参数</strong></h3>
		<ul>
			<li><p>
				<strong><code>css</code>参数，默认值：<code>False</code>，说明：</strong>
			</p></li>
		</ul>
		<div class="bs-example">
			<div class="bs-sidebar row">
				<div class="col-md-12">
					<!-- jQuery仿易迅banner效果兼容ie6 -->
					<div id="js_banner" class="fx_banner" data-sea="seaSlider">
						<ul id="js_banner_img" class="fx_banner_img clear list-unstyled">
							<li style="background:#CACDEE">
								<div class="fx_banner_inner fx_grid_c1">
									<div class="child child0" data-z="1"><img src="images/slider/seaSlider/0.jpg" alt="misfit shine"></div>
									<div class="child" data-z="2" style="left:0;top:0;"><img src="images/slider/seaSlider/0_1.png" alt=""></div>
									<div class="child" data-z="3" style="left:495px;top:0;"><img src="images/slider/seaSlider/0_2.png" alt=""></div>
								</div>
								<a href="#" class="fx_banner_link"><span class="hide">去购买</span></a>
							</li>
							<li style="background:#fe5769">
								<div class="fx_banner_inner fx_grid_c1">
									<div class="child child0" data-z="1"><img src="images/slider/seaSlider/1.jpg" alt="latin"></div>
									<div class="child" data-z="2" style="left:0;top:0;"><img src="images/slider/seaSlider/1_1.png" alt=""></div>
									<div class="child" data-z="3" style="left:495px;top:0;"><img src="images/slider/seaSlider/1_2.png" alt=""></div>
								</div>
								<a href="#" class="fx_banner_link"><span class="hide">去购买</span></a>
							</li>
							<li style="background:#a3e3ff">
								<div class="fx_banner_inner fx_grid_c1">
									<div class="child child0" data-z="1"><img src="images/slider/seaSlider/2.jpg" alt="sony"></div>
									<div class="child" data-z="2" style="left:0;top:0;"><img src="images/slider/seaSlider/2_1.png" alt=""></div>
									<div class="child" data-z="3" style="left:495px;top:0;"><img src="images/slider/seaSlider/2_2.png" alt=""></div>
								</div>
								<a href="#" class="fx_banner_link"><span class="hide">去购买</span></a>
							</li>
							<li style="background:#f3eed4">
								<div class="fx_banner_inner fx_grid_c1">
									<div class="child child0" data-z="1"><img src="images/slider/seaSlider/3.jpg" alt="洁灵卡"></div>
									<div class="child" data-z="2" style="left:0;top:0;"><img src="images/slider/seaSlider/3_1.png" alt=""></div>
									<div class="child" data-z="3" style="left:495px;top:0;"><img src="images/slider/seaSlider/3_2.png" alt=""></div>
								</div>
								<a href="#" class="fx_banner_link"><span class="hide">去购买</span></a>
							</li>
							<li style="background:#87c2e3">
								<div class="fx_banner_inner fx_grid_c1">
									<div class="child child0" data-z="1"><img src="images/slider/seaSlider/4.jpg" alt="海尔天樽"></div>
									<div class="child" data-z="2" style="left:0;top:0;"><img src="images/slider/seaSlider/4_1.png" alt=""></div>
									<div class="child" data-z="3" style="left:495px;top:0;"><img src="images/slider/seaSlider/4_2.png" alt=""></div>
								</div>
								<a href="#" class="fx_banner_link"><span class="hide">去购买</span></a>
							</li>
						</ul>
						<div class="fx_banner_common fx_grid_c1">
							<a ytag="30000" id="js_banner_pre" href="javascript:;" class="fx_banner_pre"></a>
							<a ytag="30010" id="js_banner_next" href="javascript:;" class="fx_banner_next"></a>
						</div>
					</div>
					<!-- jQuery仿易迅banner效果兼容ie6 -->
					<pre data-sea="seaSnippet" data-config="seaseaseaSnippet"></pre>
				</div>
			</div>
		</div>
	</div>
</div>